<template>
  <div>
    <notice-icon
      class="action ant-pro-global-header-index-action1"
      @showInfo="showMessageInfo"
      @showInfoRouter="showMessageInfoRouter"
      v-wx-role="603"/>
    <my-notice-view ref="modalView"></my-notice-view>
  </div>
</template>

<script>
import NoticeIcon from '@/components/NoticeIcon'

const MyNoticeView = () => import('@/views/account/settings/MyNoticeView')

export default {
  name: 'NoticeTip',
  components: {
    NoticeIcon,
    MyNoticeView
  },
  computed: {},
  methods: {
    showMessageInfo (sncId) {
      this.$refs.modalView.show({ sncId: sncId })
    },
    showMessageInfoRouter (item) {
      this.$refs.modalView.showRouter(item)
    }
  }
}
</script>
